<!DOCTYPE html>
<html>


<head>
  <c:if test="${flag==2}">
    <title>今日推荐</title>
  </c:if>
  <c:if test="${flag==3}">
    <title>热销排行</title>
  </c:if>
  <c:if test="${flag==4}">
    <title>新品上市</title>
  </c:if>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="../admin/css/amazeui.min.css">
  <link rel="stylesheet" href="../admin/css/bootstrap.css">
  <link rel="stylesheet" type="text/css" href="./static/index/css/public.css">
  <link rel="stylesheet" type="text/css" href="./static/index/css/reclassify.css">
  <link rel="stylesheet" type="text/css" href="./static/index/css/common.css" />
  <link rel="stylesheet" type="text/css" href="./static/index/css/search.css" />
  <link rel="stylesheet" type="text/css" href="./static/index/css/index.css" />
  <link rel="stylesheet" type="text/css" href="./static/index/css/font.css" />

  <!-- <link rel="import" href="./header.html" id="header"> -->
</head>

<style>
  iframe {
    width: 100%;
    z-index: 9999;
    height: 400px;
  }
</style>

<body>



  <div id="searchss">
    <div class="search">
      <div class="logo">
        <a href="index"><img src="./static/index/img/logo.jpg" /></a>
      </div>
      <div class="sear_input">
        <input type="text" id="goodsname" value="">
        <button class="btnser"><i class="iconfont icon-icon--"></i></button>
      </div>
      <div class="sera_cart">
        <a href="javascript:void(0)">
          <p onclick="myCart()"><i class="iconfont icon-gouwuche5"></i>我的购物车</p>
        </a>

        <span class="cartnum"></span>

      </div>

      <div class="sear_fir">


        <div class="sinup sinup1">
          <a onclick="loginin()" href="javascript:void(0)">登录</a>
          <a>/</a>
          <a onclick="res()" href="javascript:void(0)">注册</a>
        </div>

        <div class="sinup">
          <a target="_blank" href="../admin/login.html">后台管理</a>
        </div>
        <div class="sigin">
          <span class="wel" id="wel"></span>
        </div>
        <div class="my">
          <a>个人中心</a>
          <i class="iconfont icon-zheng-triangle1"></i>
          <ul class="uls">
            <li onclick="myorder()"><a href="javascript:void(0)">我的订单</a></li>
            <li onclick="address()"><a href="javascript:void(0)">收货地址</a></li>
            <li onclick="pwd()"><a href="javascript:void(0)">修改密码</a></li>
            <li onclick="logout()"><a href="javascript:void(0)">退出</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <!--导航nav-->
  <div id="navall">
    <div id="nav">
      <!--产品分类-->
      <div class="proclass">
        <p>产品分类</p>

        <div class="prolist" style="display:none;">
        </div>
      </div>
      <!--导航-->
      <ul id="inav">
        <li><a href="./index.html">商城首页</a></li>
        <li onclick="selectAll(1)"><a href="javascript:void(0)">今日推荐</a></li>
        <li onclick="selectAll(2)"><a href="javascript:void(0);">热销排行</a></li>
        <li onclick="selectAll(3)"><a href="javascript:void(0);">新品上市</a></li>
      </ul>
    </div>
  </div>

  <div id="main" class="main">

    <div id="mnav" class="se1" style="background: #f6f6f6;border: 1px solid #eee;">
      <a href="javascript:void(0)"><span class='tyname' style="color:#ff852b;">55</span></a>
      <i class="iconfont icon-arrow-left"></i>
    </div>


    <div id="mnav" class="se2" style="background: #f6f6f6;border: 1px solid #eee;">
      <span>搜索结果</span>
      <i class="iconfont icon-arrow-left"></i>
      <span class="godname"></span>
    </div>



    <div class="goodscont clearfix">

      <c:forEach items="${goodList}" var="good">
        <div class="goods-box animated wobble">
          <div class="goods">
            <a target="_blank" href="detail?id=${good.id}">
              <div class="img-box">
                <img src="${good.cover}">
              </div>
            </a>
            <a target="_blank" href="detail?id=${good.id}">
              <p class="goodsname">${good.name}</p>
            </a>
            <p class="goods-descript">${good.intro}</p>
            <p class="goods-spec">${good.spec}</p>
            <p class="goodsprices" style="display:block;">
              <span class="yj">￥<span class="yjcont">${good.price}</span></span>
            </p>
            <p class="addcart" data-id="${good.id}" style="display:none;">
              <i class="iconfont icon-gouwuche3"></i>加入购物车
            </p>
          </div>
        </div>
      </c:forEach>


      <div id="searchnull">
        <img src="./static/index/img/searchnull.png">
        <p>很抱歉，没有找到相关产品~<br>换个关键词吧~</p>
      </div>
    </div>
    <div class="am-cf">
      <p class="sum"> </p>
      <div class="am-fr">
        <ul class="am-pagination">
        </ul>
      </div>
    </div>
  </div>


  <iframe src="./footer.html" width="100%" height="100%" frameborder="0" collapsing="yes" scrolling="no"></iframe>

</body>
<script src="../js/page.js"></script>
<script src="./static/index/js/jquery.min.js" type="text/javascript"></script>
<script src="../js/jquery-3.1.1.min.js"></script>
<script src="./static/index/layer/layer.js"></script>
<script src="../js/header.js"></script>
<script src="./js/goods.js"></script>






<script type="text/javascript">


  // 显示隐藏购物车
  $(".goods-box").on("mouseenter", function () {
    $(this).addClass("active")
    $(this).find(".addcart").show()
    $(this).find(".reserve").show()
    $(this).find(".m_stop").show()
    $(this).find(".goodsprices").hide()
  });
  $(".goods-box").on("mouseleave", function () {
    $(this).removeClass("active")
    $(this).find(".addcart").hide()
    $(this).find(".reserve").hide()
    $(this).find(".m_stop").hide()
    $(this).find(".goodsprices").show()
  });
  $('#inav li').click(function () {
    $(this).addClass('active').siblings().removeClass('active');
  });
</script>


</html>